.bottom-tabs {
	flex: 1;
	height: 100%;
	%active {
		background: var(--hover-bg);
		.close {
			opacity: 0.5;
		}
		img {
			filter: initial;
		}
		.title {
			color: var(--primary);
		}

	}
	ul {
		& li:last-child {
			border-right: 1px solid transparent;
		}
		.title {
			max-width: 64px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		li {
			width: 120px;
			padding: 0 8px;
			height: 40px;
			cursor: pointer;
			border-bottom: 2px solid transparent;
			border-right: 1px solid var(--hover-bg);

			&:hover {
				@extend %active;
			}
			img {
				width: 20px;
				height: 20px;
				filter: grayscale(100%);
			}
		}
		li.active {
			@extend %active;
		}
		.close {
			zoom: 0.8;
			opacity: 0;
		}
	}
}
.hidden {
	border-bottom: 2px solid transparent !important;
}
